<html>
  <head>
    <title>Bannerocity - Personalized Online Sky Banners</title>
    <link rel="stylesheet" type="text/css" href="index.css">
    <script src="index.js"></script>
  </head>
  <body>
    <div class="header">
      <img id="header-img" src="airplane.jpg" alt="Banner Header">
    </div>
    <div class="content">
      <form method="POST" id="order">
	      <table>
       	  <tr>
            <th>Enter the banner mseeage:</th>
            <td>
              <input type="text" name="message">
              <span id="message_help" class="help"></span>
            </td>
          </tr>
          <tr>
            <th>Enter ZIP code of the location:</th>
            <td>
              <input type="text" name="zip">
              <span id="zip_help" class="help"></span>
            </td>
          </tr>
          <tr>
            <th>Enter the date for the message to be shown:</th>
            <td>
              <input type="text" name="date">
              <span id="date_help" class="help"></span>
            </td>
         </tr>
          <tr>
            <th>Enter your name:</th>
            <td>
              <input type="text" name="name">
              <span id="name_help" class="help"></span>
            </td>
          </tr>
          <tr>
            <th>Enter your phone number:</th>
            <td>
              <input type="text" name="phone">
              <span id="phone_help" class="help"></span>
            </td>
          </tr>
          <tr>
            <th>Enter your email address:</th>
            <td>
              <input type="text" name="address">
              <span id="address_help" class="help"></span>
            </td>
          </tr>
          <tr>
            <th></th>
            <td id="submit">
              <input type="button" value="Order Banner" name="submit_button">
            </td>
          </tr>
        </table>
      </form>
    </div>
  </body>
</html>
